<script>
import {SwiperSlide } from 'vue-awesome-swiper'
import YumaSwiper from "@/components/YumaSwiper/index.vue";
export default {
    name: "FocusSwiper",
    components:{
        YumaSwiper,
        SwiperSlide
    },
    mounted() {
        this.$store.dispatch("adv/getFocusListAsync");
    }
}
</script>

<template>
    <div class="center">
        <!--banner轮播-->
        <YumaSwiper>
            <swiper-slide v-for="item in $store.state.adv.focusList" :key="item.id">
                <img :src="'/img'+item.imgUrl"/>
            </swiper-slide>
        </YumaSwiper>
    </div>
</template>

<style  lang="less">
.center {
    box-sizing: border-box;
    width: 590px;
    height: 100%;
    padding: 5px;
    float: left;

    .swiper {
        img {
            width: 100%;
            height: 455px;
        }
    }
}
.swiper-pagination-bullet-active{
    background:red;
}
.swiper-button-prev,.swiper-button-next{
    color: red;
}
</style>